/**
 *  Do not remove the comments below. It's the markers used by wiredep to inject
 *  less dependencies when defined in the bower.json of your dependencies
 */
// bower:less
// endbower

/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap/less/variables.less
 */
@navbar-inverse-link-color: #5AADBB;
@icon-font-path: '../../bootstrap/fonts/';

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

acme-navbar {
  .navbar {
    margin-bottom: 0;
  }
}

.jumbotron {
  overflow: hidden;
}

.thumbnail {

}

/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your less files automatically
 */
// injector
// endinjector

.input-group-addon-btn {
  padding: 0;
  & .btn {
    border: none;
    outline: none;
    width: 120px;
  }
}


.panel-main {

  border: none;
  box-shadow: none;
  margin-bottom: 5px;

  & .panel-heading {
    padding: 5px 15px;
  }

  &.panel-main-inverse .panel-heading {
    background-color: @gray-dark;
    color: @white;
  }

  & .panel-body {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  & .thumbnail {
    margin-bottom: 10px;
    & .caption {
      h3 {
        margin-top: 15px;
        margin-bottom: 5px;
      }
      & p {
        margin-top: 5px;
        margin-bottom: 5px;
      }
    }

  }
}


.modal-profit .modal-dialog,
.modal-apply .modal-dialog,
.modal-tips .modal-dialog,
.modal-user2 .modal-dialog{
  position: absolute;
  top: 50%;
  left: 50%;
  margin:0 auto;
  -webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}
.modal-user2 {
  .modal-dialog{
    width: 500px;
    height: 500px;
  }
  .table-container {
    height: 340px;
    overflow-y: auto ;
    overflow-x: hidden;
  }
  .add_name {
    padding-left: 12px;
  }
  .table-responsive {
    margin-bottom: 0;
  }
}
.form-control-label {
  box-shadow: initial;
  border: 0;
  float: none!important;
  padding-right: 88px;
  padding-left: 0;
  span {
    display: inline-block;
    padding: 8px;
    margin: 0 10px 10px 0;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    position: relative;
    .btnclose {
      position: absolute;
      top:-4px;
      right:-4px;
      width:14px;
      height:14px;
      line-height:14px;
      font-size:14px;
      color: #f00;
      font-style: normal;
      font-weight: normal;
      cursor:pointer;
      text-align: center;
    }
  }
}
.form-group {
  .input-group-add {
    position: absolute;
    top: 5px;
    right: 15px;
    width: auto;
    z-index: 10;
    padding: 8px;
  }
}
.selectize-dropdown {
  z-index: 11;
}

.form-control-label-span {
  height: auto;
  vertical-align: middle;
  margin-bottom: -5px;

  & span {
    margin-bottom: 5px;
  }
}
.control-label-padingtop {
  span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
}
